{% load static %}
<!-- 网站主语言 -->
<html lang="zh-cn"><head>
<!-- 网站采用的字符编码 -->
<meta charset="utf-8">
    <!-- 引入bootstrap的css文件 -->
<link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.css' %}">

 <style>
        body {
            background-color: #f8f9fa; /* 设置与图片相似的背景颜色 */
        }

        /* 自定义拖放区域样式，使其更接近图片中的样式 */
        #pdfDropzone {
            background-color: #e9ecef;
            border: 1px dashed #ced4da;
            border-radius: 5px;
            height: 150px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 1.2rem;
            cursor: pointer;
        }
    </style>
    <body class="text-center">
<nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4">
</nav>

<form action="/collectpic/test3" method="post"  class="mb-3" enctype="multipart/form-data">
  <div class="container mt-5">
        <div class="row justify-content-center">
            <div class="col-md-6 text-center">
                <h1 class="mb-4">发票数据识别</h1>
                <div class="custom-file">
                     <input  type="file" name="oneimg[]" multiple>
                    <div class="mt-2">
                </div>
                    <input class="btn btn-primary" type="submit" value="上传">
                </div>

                <div class="mt-2">
                </div>

            </div>
        </div>
    </div>
    </form>
</body>

    <!-- bootstrap.js 依赖 jquery.js 和popper.js，因此在这里引入 -->
    <script src="{% static 'jquery-3.7.1.min.js' %}"></script>
    <!--        popper.js 采用 cdn 远程引入，意思是你不需要把它下载到本地。
    在实际的开发中推荐静态文件尽量都使用 cdn 的形式。
    教程采用本地引入是为了让读者了解静态文件本地部署的流程。    -->
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1-lts/dist/umd/popper.js"></script>
    <!-- 引入bootstrap的js文件 -->
    <script src="{% static 'bootstrap/js/bootstrap.js' %}"></script>
